<extend name="Public/common"/>
<block name="othercss">
    <style>
        body {
            background-image: url(__PUBLIC__/phone/images/4-1-image.png);
            height: 266px;
            background-repeat: no-repeat;
            background-size: 100% 266px;
            background-color: rgb(248, 248, 248);
        }
        .header {
            color: #FFF;
            background: transparent;
            border: 0
        }
        .price{
            text-align: center;
            color:#FFF;
            margin-top:43px;
            font-size:40px;
            font-weight: bold;
        }
        .price_title{
            text-align: center;
            color:#FFF;
        }
        .tab-bg{
            margin-top: 45px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding: 0 20%;
        }
        .tab-bg a{
            color: rgba(255,255,255,0.8);
            font-size:14px;
        }
        .this_a{
            font-size:18px;
            font-weight:bold;
        }
        .list-bg{
            margin-top: 25px;
            background: #FFF;
            padding: 0 26px;
        }
        .list-item{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding-top:17px;
            height: 65px;
            border-bottom:1px solid #E5E5E5;
        }
        .right_p{
            text-align: center;
        }
    </style>
</block>
<block name="header">
    <div class="header">
        <div class="clearfix box">
            <a class="return" href="/Phone/Extension/profitIndex">
                <i class="return-icon" style="border-top:1px solid #FFF;border-left:1px solid #FFF;"></i></a>
            <h2>商品收益</h2>
        </div>
    </div>
</block>
<block name="body">
    <div class="container 50pt">
        <!--当前收益-->
        <div class="price">{$total}</div>
        <div class="price_title">共计收益</div>
        <div class="tab-bg">
            <a href="/Phone/Extension/profitGood?check=1"
            <if condition="$check eq '1'"> class="this_a" </if>
            >今日收益
            </a>
            <div style="color:rgba(255,255,255,0.2);">|</div>
            <a href="/Phone/Extension/profitGood?check=2"
            <if condition="$check eq '2'"> class="this_a" </if>
            >历史收益</a>
        </div>
        <div class="list-bg">
            <!--记录列表表项目-->
            <foreach name="list" item="vo" >
                <div class="list-item">
                    <!--左侧内容-->
                    <div>
                        <p style="color:#010101;font-size:14px;margin-bottom:11px">{$vo['username']}</p>
                        <p style="color:#949494;">{$vo['ex_create_time']}</p>
                    </div>
                    <!--右侧内容-->
                    <div>
                        <p class="right_p" style="color:#010101;font-size:14px;margin-bottom:11px;"></p>
                        <p class="right_p" style="color:#949494;">{$vo['ex_money']}</p>
                    </div>
                </div>
            </foreach>

            <empty name="list">
                <div style="width: 100%;text-align: center;height: 100px;">
                    <div style="color: grey;padding: 40px;">当前还未有任何收益</div>
                </div>
            </empty>
        </div>
    </div>
</block>
<block name="footer"></block>